{% stylesheet %}
  .animation-delay-1 {
    animation-delay: 0.08333s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-2 {
    animation-delay: 0.16667s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-3 {
    animation-delay: 0.25s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-4 {
    animation-delay: 0.33333s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-5 {
    animation-delay: 0.41667s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-6 {
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-7 {
    animation-delay: 0.58333s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-8 {
    animation-delay: 0.66667s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-9 {
    animation-delay: 0.75s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-10 {
    animation-delay: 0.83333s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-11 {
    animation-delay: 0.91667s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .animation-delay-12 {
    animation-delay: 1s;
    animation-fill-mode: forwards;
    opacity: 0;
  }

  .block_product_show .swiper {
    position: relative;
    overflow: hidden;
  }

  .block_product_show .swiper-slide {
    position: relative;
  }
  .block_product_show .swiper-slide .img_box {
    position: relative;
  }
  .block_product_show .swiper-slide .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .block_product_show .swiper-slide .img_box .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--mask-color);
    opacity: var(--mask);
  }

  @media screen and (max-width: 767px) {
    .block_product_show .swiper-slide .img_box .pc_bg_img {
      display: none;
    }
  }

  .block_product_show .swiper-slide .img_box .mobile_bg_img {
    display: none;
  }

  @media screen and (max-width: 767px) {
    .block_product_show .swiper-slide .img_box .mobile_bg_img {
      display: block;
    }
  }

  .block_product_show .swiper-slide .text_box {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
	overflow: hidden;
  }

  .block_product_show .swiper-slide .text_box::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: #000;
    opacity: 0.1;
  }

  .block_product_show .swiper-slide .text_box .hot_spot {
    position: absolute;
  }

  .block_product_show .swiper-slide .text_box .hot_spot .product_box {
    opacity: 0;
    position: absolute;
    z-index: 20;
    max-width: 43vw;
    width: max-content;
    box-sizing: border-box;
    padding: 10px 10px 10px 9px;
    background-color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: opacity 0.4s cubic-bezier(0.75, 0, 0.175, 1), transform 0.4s cubic-bezier(0.75, 0, 0.175, 1);
  }


  .block_product_show .swiper-slide .text_box .hot_spot .product_box.show_product {
    visibility: visible !important;
    opacity: 1;
	z-index: 110;
  }

  .block_product_show .swiper-slide .text_box .hot_spot .product_box.no_show_product {
    visibility: hidden;
  }

  
  @media screen and (min-width: 768px) {
	.block_product_show .swiper-slide .text_box .hot_spot .product_box.left {
		right: 40px;
    	transform-origin: top right;
	}
	.block_product_show .swiper-slide .text_box .hot_spot .product_box.left::after {
		left: 100%;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent transparent transparent white;
		border-width: 8px;
	}
	.block_product_show .swiper-slide .text_box .hot_spot .product_box.right {
		left: 40px;
    	transform-origin: top left;
	}
	.block_product_show .swiper-slide .text_box .hot_spot .product_box.right::after {
		right: 100%;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent white transparent transparent;
		border-width: 8px;
	}
  }
  @media screen and (max-width: 767px) {
	.block_product_show .swiper-slide .text_box .hot_spot .product_box.mobile_left {
    	right: 40px;
		transform-origin: top right;
	}
	.block_product_show .swiper-slide .text_box .hot_spot .product_box.mobile_left:after {
		left: 100%;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent transparent transparent white;
		border-width: 8px;
	}
	.block_product_show .swiper-slide .text_box .hot_spot .product_box.mobile_right {
		left: 40px;
		transform-origin: top left;
	}

	.block_product_show .swiper-slide .text_box .hot_spot .product_box.mobile_right::after {
		right: 100%;
		top: 50%;
		transform: translateY(-50%);
		position: absolute;
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-color: transparent white transparent transparent;
		border-width: 8px;
	}
  }


  .block_product_show .swiper-slide .text_box .hot_spot .product_box .text_product_img {
    width: 72px;
	height: 72px;
	flex-shrink: 0;
  }

  .block_product_show .swiper-slide .text_box .hot_spot .product_box .text_product_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .block_product_show .swiper-slide .text_box .hot_spot .product_box .product_text a {
    position: relative;
	margin-top: 10px;
  }

  .block_product_show .product_box .product_text {
    max-width: 300px;
  }

  .block_product_show .swiper-slide .text_box .hot_spot .product_box .product_text a:hover {
    opacity: 1;
  }

  .block_product_show .swiper-slide .text_box .hot_spot1 {
    left: var(--left1);
    top: var(--top1);
  }

  .block_product_show .swiper-slide .text_box .hot_spot2 {
    left: var(--left2);
    top: var(--top2);
  }

  .block_product_show .swiper-slide .text_box .hot_spot3 {
    left: var(--left3);
    top: var(--top3);
  }
  @media screen and (max-width: 767px) {
    .block_product_show .swiper-slide .text_box .hot_spot1 {
      left: var(--left1-mobile);
      top: var(--top1-mobile);
    }

    .block_product_show .swiper-slide .text_box .hot_spot2 {
      left: var(--left2-mobile);
      top: var(--top2-mobile);
    }

    .block_product_show .swiper-slide .text_box .hot_spot3 {
      left: var(--left3-mobile);
      top: var(--top3-mobile);
    }
  }

  .block_product_show .shop-the-look__dot {
    position: relative;
    cursor: pointer;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
	z-index: 100;
	padding: 0;
  }

 .block_product_show .shop-the-look__dot svg {
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    transition: .3s all;
    flex-shrink: 0;
  }
  .block_product_show .shop-the-look__dot.show svg{
    transform: rotate(0deg);
  }

  .block_product_show .shop-the-look__dot::after {
    content: "";
    left: -6px;
    top: -6px;
    width: 37px;
    height: 37px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    animation: 1.5s theLookDot ease-in-out infinite;
    z-index: -1;
  }
  @keyframes theLookDot{from{opacity:.5;transform:scale(0.55)}to{opacity:0;transform:scale(1.3)}}

  .block_product_show .swiper-pagination {
  position: relative;
  bottom: 0px;
  margin-top: 10px;
}
.block_product_show .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border: 2px solid #1d1f21;
  border-radius: 50%;
  background: none;
  opacity: 1;
  box-sizing: border-box;
}
.block_product_show .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #1d1f21;
}
.block_product_show .product_box {
  font-size: 14px;
  border-radius: 5px;
  box-shadow: 0px 3px 10px 1px rgba(0, 0, 0, 0.1);
}
.block_product_show .product_box .btn--underline {
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .block_product_show .product_box {
    max-width: 206px !important;
  }
}
.block_product_show .product_box .line-clamp1-this {
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  word-break: normal;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 100%;
}
.block_product_show .product_box .price_box {
  white-space: nowrap;
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .block_product_show .product_box.right {
    top: 50%;
    transform: translateY(-50%) scale(0.8);
  }
  .block_product_show .product_box.right.show_product {
    transform: translateY(-50%) scale(1);
  }
  .block_product_show .product_box.left {
    top: 50%;
    transform: translateY(-50%) scale(0.8);
  }
  .block_product_show .product_box.left.show_product {
    transform: translateY(-50%) scale(1);
  }
  .block_product_show .product_box.top_left {
    transform: translateX(calc(-100% + 40px)) translateY(calc(-100% - 40px)) scale(0.8);
    transform-origin: right bottom;
  }
  .block_product_show .product_box.top_left.show_product {
    transform: translateX(calc(-100% + 40px)) translateY(calc(-100% - 40px)) scale(1);
  }
  .block_product_show .product_box.top_left::after {
    right: 10px;
    bottom: 0;
    transform: translateY(10px);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid white;
  }
  .block_product_show .product_box.top_center {
    transform: translateX(-50%) translateY(calc(-100% - 40px)) scale(0.8);
    left: 50%;
  }
  .block_product_show .product_box.top_center.show_product {
    transform: translateX(-50%) translateY(calc(-100% - 40px)) scale(1);
  }
  .block_product_show .product_box.top_center::after {
    left: 50%;
    bottom: 0;
    transform: translateY(10px) translateX(-50%);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid white;
  }
  .block_product_show .product_box.top_right {
    transform: translateX(-15px) translateY(calc(-100% - 40px)) scale(0.8);
    transform-origin: left bottom;
  }
  .block_product_show .product_box.top_right.show_product {
    transform: translateX(-15px) translateY(calc(-100% - 40px)) scale(1);
  }
  .block_product_show .product_box.top_right::after {
    left: 10px;
    bottom: 0;
    transform: translateY(10px);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid white;
  }
  .block_product_show .product_box.lower_right {
    transform: translateX(-15px) translateY(14px) scale(0.8);
    transform-origin: left top;
  }
  .block_product_show .product_box.lower_right.show_product {
    transform: translateX(-15px) translateY(14px) scale(1);
  }
  .block_product_show .product_box.lower_right::after {
    left: 10px;
    top: 0;
    transform: translateY(-50%);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid white;
  }
  .block_product_show .product_box.lower_center {
    left: 50%;
    transform: translateX(-50%) translateY(14px) scale(0.8);
    transform-origin: center top;
  }
  .block_product_show .product_box.lower_center.show_product {
    transform: translateX(-50%) translateY(14px) scale(1);
  }
  .block_product_show .product_box.lower_center::after {
    left: 50%;
    top: 0;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid white;
  }
  .block_product_show .product_box.lower_left {
    transform: translateX(calc(-100% + 40px)) translateY(14px) scale(0.8);
    transform-origin: right top;
  }
  .block_product_show .product_box.lower_left.show_product {
    transform: translateX(calc(-100% + 40px)) translateY(14px) scale(1);
  }
  .block_product_show .product_box.lower_left::after {
    right: 10px;
    top: 0;
    transform: translateY(-50%);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid white;
  }
}
@media screen and (max-width: 767px) {
  .block_product_show .product_box.mobile_right {
    top: 50%;
    transform: translateY(-50%) scale(0.8);
  }
  .block_product_show .product_box.mobile_right.show_product {
    transform: translateY(-50%) scale(1);
  }
  .block_product_show .product_box.mobile_left {
    top: 50%;
    transform: translateY(-50%) scale(0.8);
  }
  .block_product_show .product_box.mobile_left.show_product {
    transform: translateY(-50%) scale(1);
  }
  .block_product_show .product_box.mobile_top_left {
    transform: translateX(calc(-100% + 40px)) translateY(calc(-100% - 40px)) scale(0.8);
    transform-origin: right bottom;
  }
  .block_product_show .product_box.mobile_top_left.show_product {
    transform: translateX(calc(-100% + 40px)) translateY(calc(-100% - 40px)) scale(1);
  }
  .block_product_show .product_box.mobile_top_left::after {
    right: 10px;
    bottom: 0;
    transform: translateY(10px);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid white;
  }
  .block_product_show .product_box.mobile_top_center {
    transform: translateX(-50%) translateY(calc(-100% - 40px)) scale(0.8);
    left: 50%;
  }
  .block_product_show .product_box.mobile_top_center.show_product {
    transform: translateX(-50%) translateY(calc(-100% - 40px)) scale(1);
  }
  .block_product_show .product_box.mobile_top_center::after {
    left: 50%;
    bottom: 0;
    transform: translateY(14px) translateX(-50%);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid white;
  }
  .block_product_show .product_box.mobile_top_right {
    transform: translateX(-15px) translateY(calc(-100% - 40px)) scale(0.8);
    transform-origin: left bottom;
  }
  .block_product_show .product_box.mobile_top_right.show_product {
    transform: translateX(-15px) translateY(calc(-100% - 40px)) scale(1);
  }
  .block_product_show .product_box.mobile_top_right::after {
    left: 10px;
    bottom: 0;
    transform: translateY(14px);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-top: 16px solid white;
  }
  .block_product_show .product_box.mobile_lower_right {
    transform: translateX(-15px) translateY(14px) scale(0.8);
    transform-origin: left top;
  }
  .block_product_show .product_box.mobile_lower_right.show_product {
    transform: translateX(-15px) translateY(14px) scale(1);
  }
  .block_product_show .product_box.mobile_lower_right::after {
    left: 10px;
    top: 0;
    transform: translateY(-50%);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid white;
  }
  .block_product_show .product_box.mobile_lower_center {
    left: 50%;
    transform: translateX(-50%) translateY(14px) scale(0.8);
    transform-origin: center top;
  }
  .block_product_show .product_box.mobile_lower_center.show_product {
    transform: translateX(-50%) translateY(14px) scale(1);
  }
  .block_product_show .product_box.mobile_lower_center::after {
    left: 50%;
    top: 0;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid white;
  }
  .block_product_show .product_box.mobile_lower_left {
    transform: translateX(calc(-100% + 40px)) translateY(14px) scale(0.8);
    transform-origin: right top;
  }
  .block_product_show .product_box.mobile_lower_left.show_product {
    transform: translateX(calc(-100% + 40px)) translateY(14px) scale(1);
  }
  .block_product_show .product_box.mobile_lower_left::after {
    right: 10px;
    top: 0;
    transform: translateY(-50%);
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 16px solid white;
  }
}
{% endstylesheet %}
{% assign defaultImageEmpty = 'banner@2x.png' | public_asset_abs_dir_url %}
{% assign blockId = block_id | default: section.block_id %}
{% assign data = section.settings %}

{% assign product_price_display = theme_config.global.product_price_display | default: 0 %}

<div class="block_product_show animation-init" data-animation="animation-move-bottom" id="block_product_show-{{ blockId }}">
  <div class="container_wrapper">
    <div class="swiper" id="swiper-{{blockId}}">
      <ul class="swiper-wrapper">
        {% for block in section.blocks %}
          {% get_product product_id = {block.good1.id} %}
          {% assign goodProduct1 = product %}
          {% get_product product_id = {block.good2.id} %}
          {% assign goodProduct2 = product %}
          {% get_product product_id = {block.good3.id} %}
          {% assign goodProduct3 = product %}

          <li class="swiper-slide">
            <div class="img_box">
              {% include 'lazy_img', class:"pc_bg_img",file_type:"banner", src:block.bg_pc_image.src,  alt:block.bg_pc_image.alt %}
              {% assign mobile_image_src = block.bg_mobile_image.src|default:block.bg_pc_image.src %}
              {% include 'lazy_img', class:"mobile_bg_img",file_type:"banner", src:mobile_image_src, alt:block.bg_mobile_image.alt %}
              <div
                class="mask"
                style="--mask-color:{{ block.mask_color }};--mask: {{ block.mask | divided_by : 100  }};"
              ></div>
            </div>
            <div class="text_box">
              {% if goodProduct1.size > 0 %}
				{%- if product_price_display == 0 -%}
					{% assign variantPrice1 = goodProduct1.variant.price %}
				{%- elsif product_price_display == 1 -%}
					{% assign variantPrice1 = goodProduct1.variant_price_min %}
				{%- elsif product_price_display == 2 -%}
					{% assign variantPrice1 = goodProduct1.variant_price_max %}
				{%- endif -%}
				
				{%- if product_price_display == 0 -%}
					{% assign comparePrice1 = goodProduct1.variant.compare_at_price %}
				{%- elsif product_price_display == 1 -%}
					{% assign comparePrice1 = goodProduct1.variant_compare_at_price_min %}
				{%- elsif product_price_display == 2 -%}
					{% assign comparePrice1 = goodProduct1.variant_compare_at_price_max %}
				{%- endif -%}
                <div
                  class="hot_spot hot_spot1"
                  style="--left1: {{block.row_position1}}%;--top1: {{block.column_position1}}%;--left1-mobile: {{block.row_mobile_position1}}%;--top1-mobile: {{block.column_mobile_position1}}%;">
                  <button
                    class="shop-the-look__dot {% if block.is_show_product1 == true %}show{% endif %}"
                  >
                  <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>
                  </button>

				  
					{%- capture product_show1 -%}
						{%- if block.is_show_product1 == true -%}
						show_product
						{%- else -%}
						no_show_product
						{%- endif -%}
					{%- endcapture -%}

					<div class="product_box {{product_show1}} {{block.pc_position1}} {{ block.mobile_position1 }}">
						<div class="text_product_img">
							{%- if goodProduct1.image.alt == "" -%}
									{% assign product_alt = goodProduct1 | image_alt:'product'  %}
							{%- else -%}
									{% assign product_alt = goodProduct1.image.alt %}
							{%- endif -%}
							{% include 'lazy_img', src:goodProduct1.src,alt:product_alt %}
						</div>
						<div class="product_text">
						<h2 class="line-clamp1-this">{{ goodProduct1.title }}</h2>
						<p class="price_box" style="margin-bottom: 10px;">
							{% if variantPrice1 < 0 %}
							<span class="general_buying-color">{{ '88.88' | money }}</span>
							{% else %}
								{% if product_price_display != 3 %}
									<span class="general_buying-color">{{ variantPrice1 | money }}</span>
								{% else %}
									<span class="general_buying-color">{{ goodProduct1.variant_price_min | money }} - {{ goodProduct1.variant_price_max | money }}</span>
								{% endif %}
							{% endif %}
							{% if comparePrice1 != 0 and  variantPrice1 < comparePrice1 and product_price_display != 3 %}
								<span class="general_original-color ">{{ comparePrice1 | default : "88.88" | money }}</span>
							{% endif %}
						</p>
						{%- capture product_handle1 -%}
						{%- if goodProduct1.handle and goodProduct1.handle != "" -%}
						/products/{{ goodProduct1.handle }}?data_from={{goodProduct1.data_from | default:data_from}}
						{%- else -%}
						javascript:;
						{%- endif -%}
						{%- endcapture -%}
						<a class="btn--underline" data-handle="{{ goodProduct1.handle }}" data-from="{{goodProduct1.data_from | default:data_from}}" href="{{product_handle1}}">{{ block.btn_text1 }}</a>
						</div>
					</div>
                </div>
              {% endif %}
              {% if goodProduct2.size > 0 %}
				{%- if product_price_display == 0 -%}
					{% assign variantPrice2 = goodProduct2.variant.price %}
				{%- elsif product_price_display == 1 -%}
					{% assign variantPrice2 = goodProduct2.variant_price_min %}
				{%- elsif product_price_display == 2 -%}
					{% assign variantPrice2 = goodProduct2.variant_price_max %}
				{%- endif -%}
				
				{%- if product_price_display == 0 -%}
					{% assign comparePrice2 = goodProduct2.variant.compare_at_price %}
				{%- elsif product_price_display == 1 -%}
					{% assign comparePrice2 = goodProduct2.variant_compare_at_price_min %}
				{%- elsif product_price_display == 2 -%}
					{% assign comparePrice2 = goodProduct2.variant_compare_at_price_max %}
				{%- endif -%}
                <div
                  class="hot_spot hot_spot2"
                  style="--left2: {{block.row_position2}}%;--top2: {{block.column_position2}}%;--left2-mobile: {{block.row_mobile_position2}}%;--top2-mobile: {{block.column_mobile_position2}}%;">
                  <button
                    class="shop-the-look__dot {% if block.is_show_product2 == true %}show{% endif %}"
                  >
                  <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>
                  </button>
					{%- capture product_show2 -%}
						{%- if block.is_show_product2 == true -%}
						show_product
						{%- else -%}
						no_show_product
						{%- endif -%}
					{%- endcapture -%}
					<div class="product_box {{product_show2}} {{block.pc_position2}} {{ block.mobile_position2 }}">
						<div class="text_product_img">
							{%- if goodProduct2.image.alt == "" -%}
								{% assign product_alt = goodProduct2 | image_alt:'product'  %}
							{%- else -%}
								{% assign product_alt = goodProduct2.image.alt %}
							{%- endif -%}

							{% include 'lazy_img', src:goodProduct2.src,alt:product_alt %}
						</div>
						<div class="product_text ">
							<h2 class="line-clamp1-this">{{ goodProduct2.title }}</h2>
							<p class="price_box" style="margin-bottom: 10px;">
							{% if variantPrice2 < 0 %}
								<span class="general_buying-color">{{ '88.88' | money }}</span>
							{% else %}
								{% if product_price_display != 3 %}
									<span class="general_buying-color">{{ variantPrice2 | money }}</span>
								{% else %}
									<span class="general_buying-color">{{ goodProduct2.variant_price_min | money }} - {{ goodProduct2.variant_price_max | money }}</span>
								{% endif %}
							{% endif %}
							{% if comparePrice2 != 0 and  variantPrice2 < comparePrice2 and product_price_display != 3 %}
								<span class="general_original-color ">{{ comparePrice2 | default : "88.88" | money }}</span>
							{% endif %}
							</p>
							{%- capture product_handle2 -%}
							{%- if goodProduct2.handle and goodProduct2.handle != "" -%}
							/products/{{ goodProduct2.handle }}?data_from={{goodProduct2.data_from | default:data_from}}
							{%- else -%}
							javascript:;
							{%- endif -%}
							{%- endcapture -%}
							<a class="btn--underline" data-handle="{{ goodProduct2.handle }}" data-from="{{goodProduct2.data_from | default:data_from}}"_from | default:data_from}}" href="{{product_handle2}}">{{ block.btn_text2 }}</a>
						</div>
					</div>
                </div>
              {% endif %}
              {% if goodProduct3.size > 0 %}
				{%- if product_price_display == 0 -%}
					{% assign variantPrice3 = goodProduct3.variant.price %}
				{%- elsif product_price_display == 1 -%}
					{% assign variantPrice3 = goodProduct3.variant_price_min %}
				{%- elsif product_price_display == 2 -%}
					{% assign variantPrice3 = goodProduct3.variant_price_max %}
				{%- endif -%}
				
				{%- if product_price_display == 0 -%}
					{% assign comparePrice3 = goodProduct3.variant.compare_at_price %}
				{%- elsif product_price_display == 1 -%}
					{% assign comparePrice3 = goodProduct3.variant_compare_at_price_min %}
				{%- elsif product_price_display == 2 -%}
					{% assign comparePrice3 = goodProduct3.variant_compare_at_price_max %}
				{%- endif -%}
                <div
                  class="hot_spot hot_spot3"
                  style="--left3: {{block.row_position3}}%;--top3: {{block.column_position3}}%; --left3-mobile: {{block.row_mobile_position3}}%;--top3-mobile: {{block.column_mobile_position3}}%;">
                  <button
                    class="shop-the-look__dot {% if block.is_show_product3 == true %}show{% endif %}"
                  >
                  <svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></svg>
                    
                  </button>
					{%- capture product_show3 -%}
						{%- if block.is_show_product3 == true -%}
						show_product
						{%- else -%}
						no_show_product
						{%- endif -%}
					{%- endcapture -%}
					<div class="product_box {{product_show3}} {{block.pc_position3}} {{ block.mobile_position3 }}">
						<div class="text_product_img">
						{%- if goodProduct3.image.alt == "" -%}
							{% assign product_alt = goodProduct3 | image_alt:'product'  %}
						{%- else -%}
							{% assign product_alt = goodProduct3.image.alt %}
						{%- endif -%}
						{% include 'lazy_img', src:goodProduct3.src,alt:product_alt %}
						</div>
						<div class="product_text ">
						<h2 class="line-clamp1-this">{{ goodProduct3.title }}</h2>
						<p class="price_box" style="margin-bottom: 10px;">
							{% if variantPrice3 < 0 %}
								<span class="general_buying-color">{{ '88.88' | money }}</span>
							{% else %}
								{% if product_price_display != 3 %}
								<span class="general_buying-color">{{ variantPrice3 | money }}</span>
								{% else %}
								<span class="general_buying-color">{{ goodProduct3.variant_price_min | money }} - {{ goodProduct3.variant_price_max | money }}</span>
								{% endif %}
							{% endif %}
							{% if comparePrice3 != 0 and  variantPrice3 < comparePrice3 and product_price_display != 3 %}
								<span class="general_original-color ">{{ comparePrice3 | default : "88.88" | money }}</span>
							{% endif %}
						</p>
						{%- capture product_handle3 -%}
						{%- if goodProduct3.handle and goodProduct3.handle != "" -%}
						/products/{{ goodProduct3.handle }}?data_from={{goodProduct3.data_from | default:data_from}}
						{%- else -%}
						javascript:;
						{%- endif -%}
						{%- endcapture -%}
						<a class="btn--underline" data-handle="{{ goodProduct3.handle }}" data-from="{{goodProduct3.data_from | default:data_from}}"_from | default:data_from}}" href="{{product_handle3}}">{{ block.btn_text3 }}</a>
						</div>
					</div>
                </div>
              {% endif %}
            </div>
          </li>
        {% endfor %}
      </ul>
      <div class="swiper-pagination" id="swiper-pagination-{{ blockId }}"></div>
    </div>
  </div>
</div>
<script type="text/javascript">
  $(function() {
  	{%- capture autoplay -%}
  	{%- if section.settings.is_play -%}
  	{ delay: Number('{{section.settings.duration}}') * 1000 }
  	{%- else -%}
  	false
  	{%- endif -%}
  	{%- endcapture -%}
  	let swiper = new Swiper("#swiper-{{ blockId }}", {
       {% if section.blocks.size > 1 %}loop: true, {% endif %}
  			autoplay: {{ autoplay }},
  			speed: 700,
			autoHeight: true,
			{% if section.blocks.size == 1 %}
				allowTouchMove: false,
			{% endif %}
  		  	{% if section.blocks.size > 1 %}
  			navigation: {
  				nextEl: "#swiper-button-next-{{blockId}}",
  				prevEl: "#swiper-button-prev-{{blockId}}",
  			},
  			{% endif %}
			{% if section.blocks.size > 1 %}
  			pagination: {
  				el: "#swiper-pagination-{{blockId}}",
  				clickable : true
  			}
			{% endif %}
    });

	$(`#swiper-{{blockId}} .swiper-slide`).each(function () {
        const element = this;

        const resizeObserver = new ResizeObserver((entries) => {
          for (const entry of entries) {
            swiper.update();
          }
        });
        resizeObserver.observe(element);
    });
   

	$("#block_product_show-{{ blockId }} .hot_spot button").on("click", function (e) {
		if($(this).hasClass('show')) {
			$("#block_product_show-{{ blockId }} .product_box").removeClass("show_product")
			$("#block_product_show-{{ blockId }} .shop-the-look__dot").removeClass('show')
		}else {
			$("#block_product_show-{{ blockId }} .product_box").removeClass("show_product")
			$(this).parent().find('.product_box').addClass("show_product")
			$("#block_product_show-{{ blockId }} .shop-the-look__dot").removeClass('show')
			$(this).addClass('show')
		}
		return false
	});

	$('#block_product_show-{{ blockId }} .product_text .btn--underline').on('click',function() {
		{% if data.interaction_type == 'popup' %}
			let handle = $(this).data('handle')
			let data_from = $(this).data('from')
			moi.popupProductPicture({
				handle,
				data_from
			});
			return false
		{% endif %}
	})

	document.addEventListener('click', function () {
		$("#block_product_show-{{ blockId }} .product_box").removeClass("show_product")
		  $("#block_product_show-{{ blockId }} .shop-the-look__dot").removeClass('show')
	});

	if(moi.isMobile()) {
		$('#block_product_show-{{ blockId }} .swiper-slide').each((index,elem) => {
			let dom = $(elem).find('.shop-the-look__dot.show')
			if(dom.length > 1) {
				dom.each((index,domElem) => {
					if(index != 0) {
						$(domElem).removeClass('show')
						$(domElem).next().removeClass('show_product')
					}
				})
			}
		});
		
	}
	
  });
</script>
{% schema %}
{
	"name": {
		"zh_CN": "产品展示",
		"en_US": "Product Display"
	},
	"tag": "",
	"class": "block_product_show",
	"is_global": false,
	"settings": [
		{
			"type": "card_header",
			"id": "",
			"label": {
				"zh_CN": "设置",
				"en_US": "Settings"
			}
		},
		{
			"type": "card_switch",
			"label": {
				"zh_CN": "自动轮播",
				"en_US": "Automatic slide"
			},
			"id": "is_play"
		},
		{
			"type": "card_slider",
			"label": {
				"zh_CN": "轮播时间(s)",
				"en_US": "Slide time (s)"
			},
			"default": 2,
			"max": 5,
			"min": 1,
			"id": "duration"
		},
		{
			"type": "card_select",
			"label": {
				"zh_CN": "热点预览交互",
				"en_US": "Hot preview interaction"
			},
			"default": "popup",
			"id": "interaction_type",
			"option": [
				{
					"label": {
						"zh_CN": "弹出快速预览弹窗",
						"en_US": "Pop up a quick preview window"
					},
					"value": "popup"
				},
				{
					"label": {
						"zh_CN": "跳转商品详情页",
						"en_US": "Jump to product detail page"
					},
					"value": "jump"
				}
			]
		},
		{
			"type": "card_header",
			"id": "",
			"label": {
				"zh_CN": "内容",
				"en_US": "Content"
			}
		}
	],
	"blocks": [
		{
			"name": {
				"zh_CN": "产品展示列表",
				"en_US": "Product display list"
			},
			"type": "list_item",
			"settings": [
				{
					"type": "card_image",
					"label": {
						"zh_CN": "PC背景产品图片",
						"en_US": "PC background product image"
					},
					"default": {
						"src": "",
						"alt": ""
					},
					"info": {
						"zh_CN": "建议宽度1000px以上，高度自适应",
						"en_US": "Recommended width more than 1000px, height adaptive"
					},
					"id": "bg_pc_image"
				},
				{
					"type": "card_image",
					"label": {
						"zh_CN": "移动端背景产品图片",
						"en_US": "Mobile background product image"
					},
					"default": {
						"src": "",
						"alt": ""
					},
					"info": {
						"zh_CN": "建议宽度1000px以上，高度自适应",
						"en_US": "Recommended width more than 1000px, height adaptive"
					},
					"id": "bg_mobile_image"
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "蒙层透明度",
						"en_US": "Mask transparency"
					},
					"id": "mask",
					"max": "100",
					"min": "0",
					"default": "20"
				},
				{
					"type": "card_color",
					"label": {
						"zh_CN": "蒙层颜色",
						"en_US": "Mask color"
					},
					"id": "mask_color",
					"default": "#000"
				},
				{
					"type": "card_header",
					"id": "",
					"label": {
						"zh_CN": "热点设置1",
						"en_US": "Hot Spot setting 1"
					}
				},
				{
					"type": "card_product",
					"label": {
						"zh_CN": "选择商品1",
						"en_US": "Select item 1"
					},
					"default": {
						"id": "",
						"title": ""
					},
					"id": "good1"
				},
				{
					"type": "card_switch",
					"label": {
						"zh_CN": "默认展示产品",
						"en_US": "Display products by default"
					},
					"default": false,
					"id": "is_show_product1",
					"info": {
						"zh_CN": "启用多个时，移动端仅默认展示第一个",
						"en_US": "When multiple are enabled, only the first one is displayed on the mobile phone"
					}
				},
				{
					"type": "card_select",
					"label": {
						"zh_CN": "产品显示位置 (PC端)",
						"en_US": "Product display position (PC)"
					},
					"default": "lower_center",
					"id": "pc_position1",
					"option": [
						{
							"label": {
								"zh_CN": "居右",
								"en_US": "To the right"
							},
							"value": "right"
						},
						{
							"label": {
								"zh_CN": "居左",
								"en_US": "To the left"
							},
							"value": "left"
						},
						{
							"label": {
								"zh_CN": "上左",
								"en_US": "Top left"
							},
							"value": "top_left"
						},
						{
							"label": {
								"zh_CN": "上中",
								"en_US": "Top center"
							},
							"value": "top_center"
						},
						{
							"label": {
								"zh_CN": "上右",
								"en_US": "Top right"
							},
							"value": "top_right"
						},
						{
							"label": {
								"zh_CN": "下左",
								"en_US": "Lower left"
							},
							"value": "lower_left"
						},
						{
							"label": {
								"zh_CN": "下中",
								"en_US": "Lower center"
							},
							"value": "lower_center"
						},
						{
							"label": {
								"zh_CN": "下右",
								"en_US": "Lower right"
							},
							"value": "lower_right"
						}
					]
				},
				{
					"type": "card_select",
					"label": {
						"zh_CN": "产品显示位置 (移动端)",
						"en_US": "Product display position (mobile)"
					},
					"default": "mobile_lower_center",
					"id": "mobile_position1",
					"option": [
						{
							"label": {
								"zh_CN": "居右",
								"en_US": "To the right"
							},
							"value": "mobile_right"
						},
						{
							"label": {
								"zh_CN": "居左",
								"en_US": "To the left"
							},
							"value": "mobile_left"
						},
						{
							"label": {
								"zh_CN": "上左",
								"en_US": "Top left"
							},
							"value": "mobile_top_left"
						},
						{
							"label": {
								"zh_CN": "上中",
								"en_US": "Top center"
							},
							"value": "mobile_top_center"
						},
						{
							"label": {
								"zh_CN": "上右",
								"en_US": "Top right"
							},
							"value": "mobile_top_right"
						},
						{
							"label": {
								"zh_CN": "下左",
								"en_US": "Lower left"
							},
							"value": "mobile_lower_left"
						},
						{
							"label": {
								"zh_CN": "下中",
								"en_US": "Lower center"
							},
							"value": "mobile_lower_center"
						},
						{
							"label": {
								"zh_CN": "下右",
								"en_US": "Lower right"
							},
							"value": "mobile_lower_right"
						}
					]
				},
				{
					"type": "card_input",
					"label": {
						"zh_CN": "按钮文字",
						"en_US": "Button text"
					},
					"id": "btn_text1",
					"default": "Quick View"
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "横向位置(PC端)",
						"en_US": "Horizontal position (PC side)"
					},
					"id": "row_position1",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "纵向位置(PC端)",
						"en_US": "Vertical position (PC side)"
					},
					"id": "column_position1",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "横向位置(移动端)",
						"en_US": "Landscape position (mobile)"
					},
					"id": "row_mobile_position1",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "纵向位置(移动端)",
						"en_US": "Vertical position (mobile)"
					},
					"id": "column_mobile_position1",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_header",
					"id": "",
					"label": {
						"zh_CN": "热点设置2",
						"en_US": "Hot Spot Setting 2"
					}
				},
				{
					"type": "card_product",
					"label": {
						"zh_CN": "选择商品2",
						"en_US": "Select item 2"
					},
					"default": {
						"id": "",
						"title": ""
					},
					"id": "good2"
				},
				{
					"type": "card_switch",
					"label": {
						"zh_CN": "默认展示产品",
						"en_US": "Display products by default"
					},
					"default": false,
					"id": "is_show_product2",
					"info": {
						"zh_CN": "启用多个时，移动端仅默认展示第一个",
						"en_US": "When multiple are enabled, only the first one is displayed on the mobile phone"
					}
				},
				{
					"type": "card_select",
					"label": {
						"zh_CN": "产品显示位置 (PC端)",
						"en_US": "Product display position (PC)"
					},
					"default": "lower_center",
					"id": "pc_position2",
					"option": [
						{
							"label": {
								"zh_CN": "居右",
								"en_US": "To the right"
							},
							"value": "right"
						},
						{
							"label": {
								"zh_CN": "居左",
								"en_US": "To the left"
							},
							"value": "left"
						},
						{
							"label": {
								"zh_CN": "上左",
								"en_US": "Top left"
							},
							"value": "top_left"
						},
						{
							"label": {
								"zh_CN": "上中",
								"en_US": "Top center"
							},
							"value": "top_center"
						},
						{
							"label": {
								"zh_CN": "上右",
								"en_US": "Top right"
							},
							"value": "top_right"
						},
						{
							"label": {
								"zh_CN": "下左",
								"en_US": "Lower left"
							},
							"value": "lower_left"
						},
						{
							"label": {
								"zh_CN": "下中",
								"en_US": "Lower center"
							},
							"value": "lower_center"
						},
						{
							"label": {
								"zh_CN": "下右",
								"en_US": "Lower right"
							},
							"value": "lower_right"
						}
					]
				},
				{
					"type": "card_select",
					"label": {
						"zh_CN": "产品显示位置 (移动端)",
						"en_US": "Product display position (mobile)"
					},
					"default": "mobile_lower_center",
					"id": "mobile_position2",
					"option": [
						{
							"label": {
								"zh_CN": "居右",
								"en_US": "To the right"
							},
							"value": "mobile_right"
						},
						{
							"label": {
								"zh_CN": "居左",
								"en_US": "To the left"
							},
							"value": "mobile_left"
						},
						{
							"label": {
								"zh_CN": "上左",
								"en_US": "Top left"
							},
							"value": "mobile_top_left"
						},
						{
							"label": {
								"zh_CN": "上中",
								"en_US": "Top center"
							},
							"value": "mobile_top_center"
						},
						{
							"label": {
								"zh_CN": "上右",
								"en_US": "Top right"
							},
							"value": "mobile_top_right"
						},
						{
							"label": {
								"zh_CN": "下左",
								"en_US": "Lower left"
							},
							"value": "mobile_lower_left"
						},
						{
							"label": {
								"zh_CN": "下中",
								"en_US": "Lower center"
							},
							"value": "mobile_lower_center"
						},
						{
							"label": {
								"zh_CN": "下右",
								"en_US": "Lower right"
							},
							"value": "mobile_lower_right"
						}
					]
				},
				{
					"type": "card_input",
					"label": {
						"zh_CN": "按钮文字",
						"en_US": "Button text"
					},
					"id": "btn_text2",
					"default": "Quick View"
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "横向位置(PC端)",
						"en_US": "Horizontal position (PC side)"
					},
					"id": "row_position2",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "纵向位置(PC端)",
						"en_US": "Vertical position (PC side)"
					},
					"id": "column_position2",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "横向位置(移动端)",
						"en_US": "Landscape position (mobile)"
					},
					"id": "row_mobile_position2",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "纵向位置(移动端)",
						"en_US": "Vertical position (mobile)"
					},
					"id": "column_mobile_position2",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_header",
					"id": "",
					"label": {
						"zh_CN": "热点设置3",
						"en_US": "Hot Spot Setting 3"
					}
				},
				{
					"type": "card_product",
					"label": {
						"zh_CN": "选择商品3",
						"en_US": "Select item 3"
					},
					"default": {
						"id": "",
						"title": ""
					},
					"id": "good3"
				},
				{
					"type": "card_switch",
					"label": {
						"zh_CN": "默认展示产品",
						"en_US": "Display products by default"
					},
					"default": false,
					"id": "is_show_product3",
					"info": {
						"zh_CN": "启用多个时，移动端仅默认展示第一个",
						"en_US": "When multiple are enabled, only the first one is displayed on the mobile phone"
					}
				},
				{
					"type": "card_select",
					"label": {
						"zh_CN": "产品显示位置 (PC端)",
						"en_US": "Product display position (PC)"
					},
					"default": "lower_center",
					"id": "pc_position3",
					"option": [
						{
							"label": {
								"zh_CN": "居右",
								"en_US": "To the right"
							},
							"value": "right"
						},
						{
							"label": {
								"zh_CN": "居左",
								"en_US": "To the left"
							},
							"value": "left"
						},
						{
							"label": {
								"zh_CN": "上左",
								"en_US": "Top left"
							},
							"value": "top_left"
						},
						{
							"label": {
								"zh_CN": "上中",
								"en_US": "Top center"
							},
							"value": "top_center"
						},
						{
							"label": {
								"zh_CN": "上右",
								"en_US": "Top right"
							},
							"value": "top_right"
						},
						{
							"label": {
								"zh_CN": "下左",
								"en_US": "Lower left"
							},
							"value": "lower_left"
						},
						{
							"label": {
								"zh_CN": "下中",
								"en_US": "Lower center"
							},
							"value": "lower_center"
						},
						{
							"label": {
								"zh_CN": "下右",
								"en_US": "Lower right"
							},
							"value": "lower_right"
						}
					]
				},
				{
					"type": "card_select",
					"label": {
						"zh_CN": "产品显示位置 (移动端)",
						"en_US": "Product display position (mobile)"
					},
					"default": "mobile_lower_center",
					"id": "mobile_position3",
					"option": [
						{
							"label": {
								"zh_CN": "居右",
								"en_US": "To the right"
							},
							"value": "mobile_right"
						},
						{
							"label": {
								"zh_CN": "居左",
								"en_US": "To the left"
							},
							"value": "mobile_left"
						},
						{
							"label": {
								"zh_CN": "上左",
								"en_US": "Top left"
							},
							"value": "mobile_top_left"
						},
						{
							"label": {
								"zh_CN": "上中",
								"en_US": "Top center"
							},
							"value": "mobile_top_center"
						},
						{
							"label": {
								"zh_CN": "上右",
								"en_US": "Top right"
							},
							"value": "mobile_top_right"
						},
						{
							"label": {
								"zh_CN": "下左",
								"en_US": "Lower left"
							},
							"value": "mobile_lower_left"
						},
						{
							"label": {
								"zh_CN": "下中",
								"en_US": "Lower center"
							},
							"value": "mobile_lower_center"
						},
						{
							"label": {
								"zh_CN": "下右",
								"en_US": "Lower right"
							},
							"value": "mobile_lower_right"
						}
					]
				},
				{
					"type": "card_input",
					"label": {
						"zh_CN": "按钮文字",
						"en_US": "Button text"
					},
					"id": "btn_text3",
					"default": "Quick View"
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "横向位置(PC端)",
						"en_US": "Horizontal position (PC side)"
					},
					"id": "row_position3",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "纵向位置(PC端)",
						"en_US": "Vertical position (PC side)"
					},
					"id": "column_position3",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "横向位置(移动端)",
						"en_US": "Landscape position (mobile)"
					},
					"id": "row_mobile_position3",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				},
				{
					"type": "card_slider",
					"label": {
						"zh_CN": "纵向位置(移动端)",
						"en_US": "Vertical position (mobile)"
					},
					"id": "column_mobile_position3",
					"max": 100,
					"min": 0,
					"unit": "%",
					"default": 50
				}
			]
		}
	],
	"default": {
		"settings": {
			"is_play": false,
			"duration": 3,
			"interaction_type": "popup"
		},
		"blocks": [
			{
				"bg_pc_image": {
					"src": "",
					"alt": ""
				},
				"bg_mobile_image": {
					"src": "",
					"alt": ""
				},
				"mask": "10",
				"mask_color": "#000000",
				"is_show_product1": true,
				"pc_position1": "lower_center",
				"mobile_position1": "mobile_lower_center",
				"good1": {
					"id": "",
					"title": ""
				},
				"btn_text1": "Quick View",
				"row_position1": 50,
				"column_position1": 50,
				"row_mobile_position1": 50,
				"column_mobile_position1": 50,
				"is_show_product2": false,
				"pc_position2": "lower_center",
				"mobile_position2": "mobile_lower_center",
				"good2": {
					"id": "",
					"title": ""
				},
				"btn_text2": "Quick View",
				"row_position2": 70,
				"column_position2": 20,
				"row_mobile_position2": 50,
				"column_mobile_position2": 20,
				"is_show_product3": false,
				"pc_position3": "lower_center",
				"mobile_position3": "mobile_lower_center",
				"good3": {
					"id": "",
					"title": ""
				},
				"btn_text3": "Quick View",
				"row_position3": 20,
				"column_position3": 50,
				"row_mobile_position3": 70,
				"column_mobile_position3": 50,
				"block_type": "list_item"
			},
			{
				"bg_pc_image": {
					"src": "",
					"alt": ""
				},
				"bg_mobile_image": {
					"src": "",
					"alt": ""
				},
				"mask": "10",
				"mask_color": "#000000",
				"is_show_product1": true,
				"pc_position1": "lower_center",
				"mobile_position1": "mobile_lower_center",
				"good1": {
					"id": "",
					"title": ""
				},
				"btn_text1": "Quick View",
				"row_position1": 50,
				"column_position1": 50,
				"row_mobile_position1": 50,
				"column_mobile_position1": 50,
				"is_show_product2": false,
				"pc_position2": "lower_center",
				"mobile_position2": "mobile_lower_center",
				"good2": {
					"id": "",
					"title": ""
				},
				"btn_text2": "Quick View",
				"row_position2": 70,
				"column_position2": 20,
				"row_mobile_position2": 50,
				"column_mobile_position2": 20,
				"is_show_product3": false,
				"pc_position3": "lower_center",
				"mobile_position3": "mobile_lower_center",
				"good3": {
					"id": "",
					"title": ""
				},
				"btn_text3": "Quick View",
				"row_position3": 20,
				"column_position3": 50,
				"row_mobile_position3": 70,
				"column_mobile_position3": 50,
				"block_type": "list_item"
			}
		]
	},
	"icon": "icon-lunbotu"
}
{% endschema %}
